.top{
width:100%;
background-color: #f1f1f1;
}
.top_box{
width:1200px;
margin:0 auto;
}
.top_lt{
float: left
}
.top_rg{
float: right;
}
.top_box div ul li{
float: left;
color:#7d7d7d;
line-height: 30px;
}
.top_box div ul li a{
padding:0 10px;
line-height: 30px;
display: inline-block;
text-decoration: none;
font-size: 14px;
color:#7d7d7d;
}
.top_box div ul li a:hover{
color:#ff6101;
}
/*logo*/
.header{
padding-top:23px;
width:100%;
background-color: #fff;
padding-bottom:10px;
}
.header_box{
width:1200px;
margin:0 auto;
}
.header_lt,.header_dw,.header_input{
float: left;
}
.header_call{
float: right;
}
.header_lt{
width:402px;
height:67px;
overflow: hidden;
}
.header_lt img{
width:100%;
display: block;
}
.header_dw{
margin-top:20px;
margin-left:30px;
position: relative;
}
.header_dw p{
width:80px;
display: block;
cursor: pointer;
background: url(../img/dw.png) no-repeat 0 3px;
font-size: 14px;
color:#7d7d7d;
padding-left:20px;
height:40px;
}
.header_dw:hover .city{
display: block;
}
.header_input{
margin-top:5px;
margin-left:50px;
position: relative;
width:390px;
}
.header_input input {
border:1px solid #00bf6a;
outline: none;
height:38px;
font-size: 14px;
color:#7d7d7d;
width:368px;
padding-left:20px;
}
.header_input button{
border:none;
position: absolute;
right:0;
top:0;
}
.header_input button img{
display: block;
}
.header_input ul li{
float: left;
font-size: 12px;
color:#7d7d7d;
margin-right:10px;
}
.header_input ul li a{
font-size: 12px;
color:#7d7d7d;
display: inline-block;
}
.header_input ul{
margin-top:15px;
}
.header_input ul li a:hover{
color:#ff6101;
}
.header_call_top{
background: url(../img/tell.png) no-repeat 5px 5px;
padding-left:40px;
}
.header_call_top p:first-child{
font-size: 14px;
color:#7d7d7d;
}
.header_call_top p:nth-child(2){
font-size: 18px;
color:#ff6101;
font-family: "Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif"
}
.header_call_bot{
background: url(../img/wx.png) no-repeat 5px 5px;
padding-left:40px;
}
.header_call_bot p:first-child{
font-size: 14px;
color:#7d7d7d;
}
.header_call_bot p:nth-child(2){
font-size: 18px;
color:#ff6101;
font-family: "Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif"
}
/*鍩庡競*/
.city{
z-index: 9999999999;
border:1px solid #eaeaea;
width:500px;
background-color: #fff;
position: absolute;
display: none;
top:40px;
}
.city_top{
border-bottom:1px solid #eaeaea;
}
.city_top ul li{
float: left;
}
.city_top h1{
color:#7d7d7d;
font-size: 14px;
margin-top:20px;
margin-left:20px;
}
.city_top ul{
margin-left:20px;
margin-top:10px;
}
.city_top ul li a:hover{
color:#ff6101
}
.city_top ul li a{
display: inline-block;
color:#4d4d4d;
font-size: 14px;
margin-right:20px;
line-height: 30px;
}
.city_bot ul:first-child li{
float: left;
}
.city_bot ul:first-child{
border-bottom:1px solid #eaeaea;
padding-bottom:10px;
margin-top:20px;
margin-left:20px;
}
.city_bot ul:first-child li{
margin-right:20px;
}
.city_bot ul:first-child li a{
display: inline-block;
color:#7d7d7d;
font-size: 14px;
}
.city_bot ul:first-child li a.active{
color:#ff6101;
}
.city_bot ul li{
margin-right:20px;
colro:#7d7d7d;
font-size: 14px;
float: left;
}
.city_bot ul{
border-bottom:1px solid #eaeaea;
margin-top:10px;
margin-left:20px;
}
.city_bot ul li a:hover{
color:#ff6101
}
.city_bot ul li a{
display: inline-block;
line-height: 30px;
color:#4d4d4d;
font-size: 14px;
}
/*nav*/
.nav{
width:100%;
background-color: #00bf6a;
}
.nav_box{
width:1200px;
margin: 0 auto;
}
.nav_box ul li:hover{
background-color: #4ad296
}
.nav_box ul li a.active{
background-color: #4ad296;
}
.nav_box ul li a{
font-size: 16px;
color:#fff;
display: inline-block;
line-height: 44px;
padding:0 36px;
}
.nav_box ul li{
position: relative;
float: left;
}
.nav_box ul li img{
position: absolute;
top:0;
right:5px;
}
/*banner*/
.banner{
width:100%;
position: relative;
}
.banner>img{
width:100%;
height:500px;
}
.banner .hd {
height: 18px;
overflow: hidden;
position: absolute;
right: 49%;
bottom: 10px;
z-index: 99999999999999999999999;
}
.banner .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.banner .hd ul li.on {
border: 2px solid white;
border-radius: 50%;
cursor: pointer;
opacity: 1;
}
.banner .hd ul li {
float: left;
width: 14px;
height: 14px;
display: block;
margin: 0 20px;
margin-right: 0px;
line-height: 14px;
text-align: center;
border: 2px solid white;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
opacity: 0.3;
}
/*浼樺娍*/
.hi{
width:100%;
height:60px;
background-color: #f5f5f5;
}
.adv{
width:100%;
background-color: #00bf6a;
}
.adv_box{
width:1200px;
margin:0 auto;
padding-top:20px;
padding-bottom:25px;
}
.adv_box ul li{
margin:0 32px;
float: left;
width:135px;
text-align: center;
padding-top:55px;
}
.adv_box ul li:first-child{
background: url(../img/bot_01.png) no-repeat center 0px;
}
.adv_box ul li:nth-child(2){
background: url(../img/bot_02.png) no-repeat center 0px;
}
.adv_box ul li:nth-child(3){
background: url(../img/bot_03.png) no-repeat center 0px;
}
.adv_box ul li:nth-child(4){
background: url(../img/bot_04.png) no-repeat center 0px;
}
.adv_box ul li:nth-child(5){
background: url(../img/bot_05.png) no-repeat center 0px;
}
.adv_box ul li:nth-child(6){
background: url(../img/bot_06.png) no-repeat center 0px;
}
.adv_box ul li h1{
color:#fff;
font-size: 16px;
font-weight: bold;
}
.adv_box ul li h2{
font-size: 12px;
color:#fff;
margin-top:20px;
line-height: 18px;
}
/*搴曢儴*/
.bot{
width:100%;
background-color: #2e363a;
}
.bot_box{
border-bottom:1px solid #555555;
padding-bottom:40px;
width:1200px;
margin:0 auto;
}
.bot_left{
float: left
}
.bot_right{
margin-top:90px;
margin-right:15px;
float: right;
}
.bot_left{
margin-left:20px;
margin-top:50px;
}
.bot_left dl{
float: left;
margin-right:120px;
height: 160px;
overflow: hidden;
}
.bot_left dl dt{
margin-bottom:10px;
font-weight: 100;
color:#e5e5e5;
font-size: 14px;
}
.bot_left dl dd a:hover{
color:#ff6101;
}
.bot_left dl dd a{
display: inline-block;
color:#bfbfbf;
font-size: 12px;
line-height: 26px;
}
.bot_right div{
text-align: center;
float: right;
margin-left:30px;
}
.bot_right div p{
font-size: 12px;
color:#919191;
line-height: 24px;
}
.yl{
width:1200px;
margin:30px auto 0;
}
.yl ul li{
float: left;
font-size: 12px;
color:#bfbfbf;
margin-left:8px;
}
.yl ul li a:hover{
color:#ff6101;
}
.yl ul li a{
padding-right:8px;
font-size: 12px;
color:#bfbfbf;
}
.rm{
border-bottom:1px solid #bfbfbf;
padding-bottom:30px;
width:1200px;
margin:15px auto 0;
}
.rm ul li{
float: left;
font-size: 12px;
color:#bfbfbf;
margin-left:8px;
}
.rm ul li a:hover{
color:#ff6101;
}
.rm ul li a{
padding-right:8px;
font-size: 12px;
color:#bfbfbf;
}
.footer{
padding:30px 0;
width:1200px;
margin:0 auto;
text-align: center;
}
.footer p{
font-size: 12px;
color:#bfbfbf;
line-height: 26px;
}